<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/font-awesome.min.css">
	<link rel="stylesheet" href="../css/main.css">
	<style>
	.tree li {
        list-style-type: none;
		cursor:pointer;
	}
	table tbody tr:nth-child(odd){background:#F4F4F4;}
	table tbody td:nth-child(even){color:#C00;}
	</style>
</head>
<body>

		<!-- 增加开始模态框（Modal） -->
		<div class="modal fade" id="addorg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel">修改员工信息</h4>
		            </div>
		            <div class="modal-body">
						<form class="form-horizontal" role="form" id="add_org_form">
							<div class="form-group">
								<label for="add_orgnum" class="col-sm-2 control-label">组织编号</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="add_orgnum"
										placeholder="请输入组织编号" name="add_orgnum">
								</div>
							</div>
							<div class="form-group">
								<label for="add_orgname" class="col-sm-2 control-label">组织名称</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="add_orgname"
										placeholder="请输入组织名称" name="add_orgname">
								</div>
							</div>
						</form>
					</div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		                <button type="button" class="btn btn-primary">提交更改</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<!-- 增加结束模态框（Modal） -->
		
		<!-- 修改开始模态框（Modal） -->
		<div class="modal fade" id="updateorg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel">修改员工信息</h4>
		            </div>
		            <div class="modal-body">
						<form class="form-horizontal" role="form" id="update_org_form">
							<div class="form-group">
								<label for="update_orgnum" class="col-sm-2 control-label">组织编号</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="update_orgnum"
										placeholder="请输入组织编号" name="update_orgnum">
								</div>
							</div>
							<div class="form-group">
								<label for="update_orgname" class="col-sm-2 control-label">组织名称</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="update_orgname"
										placeholder="请输入组织名称" name="update_orgname">
								</div>
							</div>
						</form>
					</div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		                <button type="button" class="btn btn-primary">提交更改</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<!-- 修改结束模态框（Modal） -->
		
		
        <div class="col-sm-12 col-sm-offset-0 col-md-12 col-md-offset-0 main">
			<div class="panel panel-default">
			  <div class="panel-heading">
				<h3 class="panel-title"><i class="glyphicon glyphicon-th"></i> 数据列表</h3>
			  </div>
			  <div class="panel-body">
				<form class="form-inline" role="form" style="float:left;">
					  <div class="form-group has-feedback">
					    <div class="input-group">
					      <div class="input-group-addon">查询条件</div>
					      <input class="form-control has-success" type="text" placeholder="请输入查询条件">
					    </div>
					  </div>
					<button type="button" class="btn btn-warning"><i class="glyphicon glyphicon-search"></i> 查询</button>
				</form>
				<button class="btn btn-danger" style="float:right;margin-left:10px;"><i class=" glyphicon glyphicon-remove"></i> 删除</button>
				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addorg" style="float:right;"><i class="glyphicon glyphicon-plus"></i> 新增</button>
				
				<br>
 				<hr style="clear:both;">
		          <div class="table-responsive">
		            <table class="table  table-bordered">
		              <thead>
		                <tr >
		                  <th width="30">#</th>
						  <th width="30"><input type="checkbox"></th>
		                  <th>组织编号</th>
		                  <th>组织名称</th>
		                  <th width="100">操作</th>
		                </tr>
		              </thead>
		              <tbody>
		                <tr>
		                  <td>1</td>
						  <td><input type="checkbox"></td>
		                  <td>1333332</td>
		                  <td>小卖部</td>
		                  <td>
						      <button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#updateorg">修改</button>
							  <button type="button" class="btn btn-danger btn-xs" >删除</button>
						  </td>
		                </tr>
		              </tbody>
					  <tfoot>
					     <tr >
						     <td colspan="6" align="center">
								<ul class="pagination">
										<li class="disabled"><a href="#">上一页</a></li>
										<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">下一页</a></li>
									 </ul>
							 </td>
						 </tr>
					  </tfoot>
		            </table>
		          </div>
			  </div>
			</div>
        </div>

    <script src="../jquery/jquery-2.1.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
	<script src="../script/docs.min.js"></script>
        <script type="text/javascript">
            //$(function () {
			    //$(".list-group-item").click(function(){
				    //if ( $(this).find("ul") ) {
						//$(this).toggleClass("tree-closed");
						//if ( $(this).hasClass("tree-closed") ) {
							//$("ul", this).hide("fast");
						//} else {
							//$("ul", this).show("fast");
						//}
					//}
				//});
            //});
            //$("tbody .btn-success").click(function(){
                //window.location.href = "assignRole.html";
            //});
            //$("tbody .btn-primary").click(function(){
                //window.location.href = "edit.html";
            //});
        </script>
</body>
</html>